<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 引入购物车特有样式 -->
    <link rel="stylesheet" href="css/shopping-cart.css">
    <!-- 引入字体图标 -->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <header class="header">
        <div class="w">
            <div class="logo">
                <a href="index.html"><img src="img/logo.png" alt=""></a>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">新品速递</a></li>
                    <li><a href="#">热卖推荐</a></li>
                    <li>
                        <a href="#">商品分类</a>
                        <ul>
                            <li><a href="#">哈根达斯</a></li>
                            <li><a href="chocolate-ice.html">M&M'S</a></li>
                            <li><a href="shtawberry-ice.html">本·杰瑞</a></li>
                            <li><a href="#">德芙</a></li>
                        </ul>
                    </li>
                    <li><a href="#">品牌故事</a></li>
                    <li><a href="login.html">会员活动</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" name="" id="" placeholder='哈根达斯'>
                <i class="icon-search icon-large"></i>
                <div class="cart">
                    <a href="shopping-cart.html">
                        <i class="icon-shopping-cart icon-2x"></i>
                        <span>购物车</span>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <!-- 购物车部分 -->
    <section class="section">
        <div class="w">
            <div class="title">
                <div class="cart-checkbox">
                    <input type="checkbox" name="" id="">
                </div>
                <div class="cart-move">
                    <span>多选</span>
                </div>
                <div class="cart-com">
                    <span>商品</span>
                </div>
                <div class="cart-price">
                    <span>单价（元）</span>
                </div>
                <div class="cart-num">
                    <span>数量</span>
                </div>
                <div class="cart-subtotal">
                    <span>小计（元）</span>
                </div>
                <div class="cart-operate">
                    <span>操作</span>
                </div>
            </div>
            <div class="product">
                <div class="cart-checkbox">
                    <input type="checkbox" name="" id="">
                </div>
                <div class="cart-move">
                    <img src="img/mm.png" alt="" title="M&M'S巧克力冰淇淋">
                </div>
                <div class="cart-com">
                    <span>M&M'S巧克力冰淇淋</span>
                </div>
                <div class="cart-price">
                    <span>127.58</span>
                </div>
                <div class="cart-num">
                    <a href="#">-</a>
                    <input type="text" placeholder="1">
                    <a href="#">+</a>
                </div>
                <div class="cart-subtotal">
                    <span>127.58</span>
                </div>
                <div class="cart-operate">
                    <span>删除</span>
                </div>
            </div>
            <div class="product">
                <div class="cart-checkbox">
                    <input type="checkbox" name="" id="">
                </div>
                <div class="cart-move">
                    <img src="img/bjr.png" alt="" title="本·杰瑞草莓冰淇淋">
                </div>
                <div class="cart-com">
                    <span>M&M'S巧克力冰淇淋</span>
                </div>
                <div class="cart-price">
                    <span>127.58</span>
                </div>
                <div class="cart-num">
                    <a href="#">-</a>
                    <input type="text" placeholder="1">
                    <a href="#">+</a>
                </div>
                <div class="cart-subtotal">
                    <span>127.58</span>
                </div>
                <div class="cart-operate">
                    <span>删除</span>
                </div>
            </div>
            <div class="btn">
                <a href="login.html">去结算</a>
                <div class="text">
                    <span>已经 <p class="red">0</p> 选择商品 总价：<span class="red"> ￥0.00 </span> </span>
                </div>
            </div>
        </div>
    </section>
    <!-- 底部部分 -->
    <footer class="footer">
        <div class="w">
            <p>COPYRIGHT &reg;冰天美帝</p>
            <a href="#">沪 ICP 备13018738 号 </a> <span>-1 食品流通许可证 sp3101151210050229</span>
        </div>
    </footer>
</body>

</html>